<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改密码</title>
		<link rel="stylesheet" href="../../static/css/main.css" />
		<link rel="stylesheet" href="../../static/css/home_index_a.css">
		<link rel='stylesheet' href='../../static/css/all.min.css'>
		<link href="http://cdn.javaex.cn/javaex/pc/css/icomoon.css" rel="stylesheet" />
		<!--响应式框架-->
		<link rel='stylesheet' href='../../static/css/bootstrap.min.css'>
		<!--主要样式-->
		<link rel="stylesheet" href="../../static/css/btncss.css">
		<style type="text/css">
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="first"></div>
			<div class="second"></div>
			<div class="third"></div>
			<div class="box" style="width: 31.25rem; height: 31.25rem;">
				<div class="card border-0 shadow card--register" id="register" style="background-image: url(../../static/img/u=3497269101,1986279171&fm=26&gp=0.jpg);background-size: cover;">
					<div class="card-body">
						<h2 class="card-title" style="color: white; text-align:center;text-shadow: 2px 2px 0px rgba(0,0,0,0.5);">找回密码</h2>
						<p class="card-text" style="text-align:center">第三方申诉</p>
						<p class="badge-wrap" style="text-align:center"><a class="badge"><i class="fab fa-facebook-f"></i></a><a class="badge">
								<i class="fab fa-google"></i></a><a class="badge"><i class="fab fa-twitter"></i></a><a class="badge">
								<i class="fab fa-github"></i></a><a class="badge"><i class="icon-qq"></i></a><a class="badge"><i class="icon-wechat"></i></a></p>
						<p style="text-align:center">或者使用您的电子邮箱进行找回</p>
						<form action="/update/" method="post" enctype="multipart/form-data" name = "myform">
							{% csrf_token %}
							<div class="form-group">
								<input id="username" class="form-control" type="text" name="username" placeholder="请输入用户名" required="required">
							</div>
							<div class="form-group">
								<input id="email" class="form-control" type="email" name="email" placeholder="邮箱" required="required">
							</div>
							<div class="form-group">
								<input class="form-control" type="password" name="password" placeholder="新密码" required="required">
							</div>
							<div class="form-group">
								<input class="form-control" type="password" name="newpassword" placeholder="再次确认密码" required="required">
							</div>

							<input type="submit" class="btn btn-lg btn-register" value="找回" style="display:block;margin:0 auto">
						</form>
						<p style="color: red;position: relative;text-align:center;">{{ message }}</p>
					</div>
					<button class="btn btn-back js-btn" data-target="welcome" onclick="javascript:window.location.href='..'"/><i class="fas fa-angle-left"></i></button>
				</div>
			</div>
		</div>
	</body>
	<script src="../../static/js/myjs.js"></script>
	<script>
		var dict = {{ dict|safe }}
		if (dict.message != null) {
			document.getElementById("username").value = dict['username']
			document.getElementById("email").value = dict['email']
			}
	</script>
</html>
